<template>
  <scroll-bar>
    <el-menu
      mode="vertical"
      :default-active="$route.path"
      :collapse="isCollapse"
      unique-opened
      text-color="#303133"
    >
      <sidebar-item :routes="permission_routers"></sidebar-item>
    </el-menu>
  </scroll-bar>
</template>

<script>
import { mapGetters } from "vuex";
import SidebarItem from "./layoutSidebarItem";
import ScrollBar from "@/components/ScrollBar";

export default {
  name: "layoutSidebar",
  components: { SidebarItem, ScrollBar },
  computed: {
    ...mapGetters(["permission_routers", "sidebar"]),
    isCollapse() {
      return !this.sidebar.opened;
    },
  },
};
</script>
